<!DOCTYPE html>
<html lang="en">
<head>
  
  <meta charset="utf-8">
  <title>Business Flooring Inc. - Home</title>

  
  
  <meta name="description" content="">

  
  <meta name="author" content="">

<!-- Le HTML5 shim, for IE6-8 support of HTML elements --><!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--><!-- Le styles -->
  
  <link href="bootstrap.css" rel="stylesheet">

  
  <style type="text/css">
      body {
        padding-top: 60px;
      }
    </style><!-- Le fav and touch icons -->
  
  <link rel="shortcut icon" href="images/favicon.ico">
<!-----BE SURE TO UPDATE THESE --------->
</head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/lib/jquery.flyout-1.2.js"></script>
<script>
$('div#media-grid).flyout({
    inOpacity:0
    fullSizeImage:true,
    inSpeed:1000
});
</script>

<body>
<div class="topbar">
<div class="fill">
<div class="container"> <a class="brand" href="#">Business Flooring Inc.</a>
<ul class="nav">
  <li><a href="index.html">Home</a></li>
  <li><a href="about.html">About</a></li>
  <li><a href="contact_us.html">Contact/Directions</a></li>
  <li class="active"><a href="projects.html">Projects</a></li>
  <li><a href="#history">History</a></li>
</ul>
</div>
</div>
</div>
<!-----BE SURE TO UPDATE THESE --------->
<div class=custom-div align="center">
<img src="images/bfl_logo.png" align="middle">
</div>

<div class="container"><!-- Main hero unit for a primary marketing message or call to action -->
	<div class="span16">
    <h2>Project Gallery</h2><p><small>Click the thumbnails for fullsize images</small></p><br>
    	<ul class="media-grid">
        	<li>
            	<a href="#" >
                <img class="thumbnail" src="http://placehold.it/210x150" alt="Image description">
            	</a>
            </li>
            <li>
            	<a href="#" >
                <img class="thumbnail" src="http://placehold.it/210x150" alt="">
                </a>
            </li>
            <li>
            	<a href="#" >
                <img class="thumbnail" src="http://placehold.it/210x150" alt="">
                </a>
            </li>
            <li>
            	<a href="#" >
                <img class="thumbnail" src="http://placehold.it/210x150" alt="">
                </a>
            </li>
            <li>
            	<a href="#" >
                <img class="thumbnail" src="http://placehold.it/210x150" alt="">
                </a>
            </li>
            <li>
            	<a href="#" >
                <img class="thumbnail" src="http://placehold.it/210x150" alt="">
                </a>
            </li><li>
            	<a href="#">
                <img class="thumbnail" src="http://placehold.it/210x150" alt="">
                </a>
            </li>
            <li>
            	<a href="#" onclick="popImg(this.href); return false;">
                <img class="thumbnail" src="http://placehold.it/210x150" alt="">
                </a>
            </li>
        </ul>
    </div>

</div>
<div class="container">
    <footer></footer>
	<p>© Business Flooring Inc. 2011</p>
    </div>
<!-- /container -->
</body></html>